<template>
    <div class="row home-content background">
        <div class="col-sm-12 article-info">
            <detail :id="$route.params.id"></detail>
            <other/>
            <links class="other-link" :data="about"/>
        </div>
    </div>
</template>

<script>
    import Detail from "./article/Detail"
    import Links from "./article/Links"
    import Other from "./article/Other"
    import {mapState} from 'vuex'

    export default {
        components: {
            Links,
            Detail,
            Other
        },
        name: "Article",
        computed: mapState({
            about(state) {
                return {
                    title: "相关文章",
                    items: state.article.items,
                }
            }
        }),
    }
</script>

<style lang="scss" scoped>
    .home-content {
        margin-top: 15px;
        padding-top: 0;
    }

    .article-info {
        padding: 5px 20px 20px 20px;
    }
</style>